<template>
  <div>
    <keep-alive :exclude="['MyIndex']">
      <router-view></router-view>
      </keep-alive>
    <footer>
<van-tabbar route v-model="active">
  <van-tabbar-item to="/index" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/find" icon="search">找房</van-tabbar-item>
  <van-tabbar-item to="/help" icon="newspaper-o">咨询</van-tabbar-item>
  <van-tabbar-item to="/my" icon="user-o">我的</van-tabbar-item>
</van-tabbar>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'LayoutIndex',
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
footer {
  display: flex;

  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  align-items: center;
  z-index: 999;
  width: 100%;
  height: 40px;
  border-top: 1px solid gray;

}
</style>
